<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .style1{
            font-size:large;
            color: red;
        }
    </style>
</head>
<body>
欢迎用户<span th:text="${username}">hello</span>登录
<div th:text="${text1}">将被替换的原始值</div>
<!--只识别为文本信息，不会识别为标签信息-->
<div th:text="${text2}">不能识别文本中的HTML标签</div>
<!--可以识别到html标签-->
<div th:utext="${text2}">能识别文本中的HTML标签</div>
<!--给标签中的value属性赋值-->
用户名：<input type="text" th:value="${username}"/><br/>

<!--单选实现选择-->
性别：<input type="radio" th:checked="${gender}=='男'"/>男
<input type="radio" th:checked="${gender}=='女'"/>女

<!--下拉选项实现选中-->
城市：<select>
    <option th:selected="${city}=='北京'">北京</option>
    <option th:selected="${city}=='上海'">上海</option>
    <option th:selected="${city}=='广州'">广州</option>
    <option th:selected="${city}=='深圳'">深圳</option>
</select>

<!--遍历集合-->
<table border="1">
    <tr>
        <th>编号</th>
        <th>用户名</th>
        <th>密码</th>
        <th>索引号</th>
        <th>是否为第1个</th>
        <th>是否为最后一个</th>
        <th>是否为偶数次</th>
    </tr>
    <tr th:each="user,state:${users}">
        <td th:text="${user.id}"></td>
        <td th:text="${user.username}"></td>
        <td th:text="${user.password}"></td>
        <td th:text="${state.index}"></td>
        <td th:text="${state.first}"></td>
        <td th:text="${state.last}"></td>
        <td th:text="${state.even}"></td>
    </tr>
</table>
<div th:if="${username=='admin'}" th:text="该用户是管理员"></div>
<div th:unless="${username=='admin'}" th:text="该用户是普通用户"></div>
<div th:switch="${city}">
    <div th:case="北京">北京</div>
    <div th:case="上海">上海</div>
    <div th:case="广州">广州</div>
    <div th:case="深圳">深圳</div>
    <div th:case="">不确定</div>
</div>
<input type="text" value="13812345678" th:attr="name=${name}"/>
<div th:class="style1">测试th:class</div>
<div th:style="'color:orange;'">测试th:style</div>

<div th:object="${user}">
    <!--        *{}获取对象中的各个属性值-->
    <div th:text="*{id}"></div>
    <div th:text="*{username}"></div>
    <div th:text="*{password}"></div>
</div>

<a th:href="@{/login}">测试@{}</a>
<!--    链接中带参数则在URI后面用小括号进行传递-->
<a th:href="@{/login(username=1,password=123)}">测试使用()进行传递参数胡</a>
<!--    可以链接外部链接-->
<a th:href="@{https://www.baidu.com}">百度</a>
成绩及格了吗:<span th:text="${score}>=60"></span><br/>
成绩及格了吗:<span th:text="${score ge 60}"></span><br/>
<span th:text="${score>=60?'成绩及格':'成绩不及格'}"></span><br/>
是否登录:<span th:text="${username=='admin'&&password=='123'}"></span>
</body>
</html>